/*index css start*/
.header_main2{ width: 15%; height:100%; z-index: 20; background-color:#fff; float:left; position:fixed; left:0; top:0;box-shadow: 0px 2px 4px #ddd; }
.header_main2 .wd{ position:absolute; left:22%; bottom:5%;}
.header_main2 .wd p{ font-size:18px; color:#333; background:url(../images/x1_03.png) left center no-repeat; font-family:"Arial"; padding-left:32px;}
.header_main2 .wd em{ display:block;font-size:14px; color:#737373; font-family:"Arial"; padding-left:32px; padding-top:3px;}
.header_main2 .header { }
.header { }
.header .logo { display:block; margin:0 auto; margin-top:20%; width:69%; padding-bottom:9%; }
.header .logo img{ display:block; width:100%;}
.header .search-box { position: relative;z-index: 66; }
.header .search-box .butn { display: block; cursor: pointer; width: 70px; height:52px; padding-top:38px; }
.header .search-box .butn i { width: 28px; height: 28px; background-position: 0 0; margin: 0 auto; }
.header .search-box .butn.hov { background: url(../images/ico_60.png) no-repeat center #f91747; }
.header .search-box .butn.hov i { display: none; }
.header .share-sub { position: absolute; right: 70px; top: 0; width: 0; height: 90px; overflow: hidden; background: #ededed; }
.header .share-sub .sub-btn { border: none; width: 48px; height: 70px; background-position: -42px 0;margin-top: 10px; }
.header .share-sub .tex { width: 200px; font-size: 14px; height: 15px; line-height: 14px; padding: 37px 10px 38px; color: #666; border: none; background: #ededed;/*margin-top: 10px;*/ }
.header .lang-box { margin-top: 21px; margin-right: 39px; }
.header .lang-box a { display: inline-block; text-align: center; color: #fff; font-size: 12px; margin-left: 29px; }
.header .lang-box .stt { display: inline-block; line-height: 30px; font-size: 14px; color: #777; margin-right: 4px; }
.header .nav { display:inline-block;width:100%; text-align:center; padding-top:10%;}
.header .nav ul{ display:inline-block; width:100%;}
.header .nav li {text-align: center;font-size: 16px;display:block; padding-top:10%; width:100%;padding-top: 5%;height: 40px;}
.header .nav li a {color: #666; font-size:16px; font-weight:bold; display:block; line-height:40px;}
.header .nav li:hover a, .header .nav li.hover a { color: #0071b7; }
.header .nav a {padding:0 18px;font-size:16px;color: #333;/* width: 100%; */display:block;}
.header .nav a:hover { color: #0071b7; }

.header .nav .sub-box p { line-height: 40px; width: 100%; border-bottom: 1px solid #e5e5e5; font-size: 15px; text-align: center;    height: 40px; }
.header .nav .sub-box p a { color: #333; line-height: 40px; height: 40px; }
.header .nav .sub-box p:hover a { color: #0071b7; }

.header .nav li ul{ width:100%; background-color:#fff; transition: all .36s ease; }
.header .nav li:hover ul li a, .header .nav li.hover ul li a { color: #333; font-size:14px; font-weight:normal; }
.header .nav li ul li{ padding-top:3%;}
.header .nav li ul li a{ font-weight:normal;}
.header .nav li ul li a:hover{ color:#0071b7;}
.subCate{ position:absolute; left:100%; top:0; width:70%; height:100%; background-color:#fff; border-left:#f6f6f6 solid 1px;box-shadow: 0px 2px 4px #ddd;}
.subCate ul{ display:inline-block; height:50%; width:100%; padding-top:150%;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;}
.header .nav #mainCate-2 .subCate ul{ padding-top:100%;}
/********.fixtool*********/

.togbtn .ico{position:absolute;top:50%;margin-top:-30px;cursor:pointer;width:60px;height:60px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22}
.togbtn .ico.prev{background:url("../images/prev.png") no-repeat center center;}
.togbtn .ico.prev:hover{background:url("../images/prev_h.png") no-repeat center center}
.togbtn .ico.next{background:url("../images/next.png") no-repeat center center;}
.togbtn .ico.next:hover{background:url("../images/next_h.png") no-repeat center center;}
/*.banner .togbtn .prev{left:7%}
.banner .togbtn .next{right:7%}*/
.wrap{width: 85%; height: 100%; float:right; position: relative;}
.wrap .mouse-ico{position:absolute;width:18px;height:108px;left:50%;margin-left:-7px;bottom:58px;z-index:20;animation:mousemove 3s linear 1s infinite}
.wrap .mouse-ico span{position:absolute;bottom:0;width:18px;height:28px;background-position:0 -128px}
#menu{position:fixed;right:10px;top:50%;margin-top:-64px;z-index:10}
#menu li{width:10px;height:10px;transition:all ease 0.3s;background:rgba(51,51,51,0.2);border-radius: 12px; margin:10px 0;}
#menu li.active{background:#0870b7;}
#menu li a{display:block;width:100%;height:100%}
.wel-number{position:fixed;z-index:10;left:2.2%;top:50%;margin-top:80px;padding-top:86px;background:url("../images/wel22.png") no-repeat top center;font-size:14px;font-family:arial;color:#535353;text-align:center;line-height:26px;background-size:1px 70px}
.wel-number .num{font-size:24px;font-family:arial;color:#ff6f00}
.section_1 #top_main1{ position:absolute;box-shadow:none;background-color:transparent;}
.wrap .section_1 .banner{position:relative;width:100%;overflow:hidden}
.wrap .section_1 .banner .list{float:left;width:100%;position:relative;overflow:hidden}
.wrap .section_1 .banner .list .bannerimg{position:absolute;top:0px;left:0;margin:0 auto;text-align:center;width:100%;min-height:100%}
.wrap .section_1 .banner .list .item{position:absolute;left:0;top:0;display:none;text-align:center;width:100%;overflow:hidden;background-position:center 80px;background-repeat:no-repeat;color:#fff;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrap .section_1 .banner .list a{display:block;overflow:hidden;width:100%;height:100%}
.wrap .section_1 .banner .list .item .img{
	position:absolute;left:0;top:0;
	width: 100%;
	height:100%;
    transform-origin:top left;
    -webkit-transform-origin:top left;
    -moz-transform-origin:top left;
    -o-transform-origin:top left;
    transform:scale(1);
    -webkit-transform:scale(1);
    -webkit-transition:transform 20s ease-out;
    -moz-transition:transform 20s ease-out;
    -ms-transition:transform 20s ease-out;
    transition:transform 20s ease-out;
	background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.wrap .section_1 .banner .list .item.onactive .img{transform:scale(1.05);
    -webkit-transform:scale(1.05);}
.wrap .section_1 .banner .list .block{display:block}
.wrap .section_1 .banner .tip { width: 500px; height: 25px; line-height: 0; font-size: 0; text-align: center; position: absolute; left: 50%; margin-left:-250px; bottom:5%; z-index: 3; }
.wrap .section_1 .banner .tip span { display: inline-block; width:10px; height:10px; color: #fff; text-align: center; line-height: 26px; background: #fff; margin: 0 8px; cursor: pointer; font-size: 14px; border-radius:10px; }
.wrap .section_1 .banner .tip span.cur { background: #0062bc; }
/*********togbtn*/
.togbtn .icon { position: absolute; top: 50%; margin-top: -24px; cursor: pointer; width: 40px; height: 40px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; z-index: 22; }
.togbtn .icon.prev { background-position: 3px -64px; }
.togbtn .icon.prev:hover { background-position: -45px -64px; }
.togbtn .icon.next { background-position: -91px -64px; }
.togbtn .icon.next:hover { background-position: -139px -64px; }
.icase .togbtn .prev { left: -115px; }
.icase .togbtn .next { right: -115px; }
.banner .togbtn .prev { left: 10%; }
.banner .togbtn .next { right: 10%; }
@media screen and (max-width: 1500px) {
.icase .togbtn .prev { left: -60px; }
.icase .togbtn .next { right: -60px; }

}
/*togbtn*/
.togbtn .icon { position: absolute; top: 50%; margin-top: -24px; cursor: pointer; width: 40px; height: 40px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; z-index: 22; }
.togbtn .icon.prev { background-position: 0px -80px; }
.togbtn .icon.prev:hover { background-position: -45px -80px; }
.togbtn .icon.next { background-position: -91px -80px; }
.togbtn .icon.next:hover { background-position: -139px -80px; }
.wrap .mouse-ico { position: absolute; width: 26px; height: 44px; left: 50%; margin-left: -15px; bottom: 10%; z-index: 20; }
.wrap .mouse-ico span { width: 26px; height: 44px; background-position: 0 -127px; }
.wrap .mouse-ico span.mouse { animation: mousemove 3s linear 1s infinite; }
.wrap .mouse-ico span.en { background-position: -43px -120px; margin-top: 5px; }
/*关于我们*/
.section_2{ width:100%;background-size:cover;}
.section_2_1{width:100%;height:100%;}
.section_2_1 .section_2_z{ float:left; width:100%; height:100%;position: absolute;}
.section_2_1 .section_2_z .chan{ float:left; width:15.91%; height:100%; border-right:#ccc solid 1px; padding:2%; text-align:right;}
.section_2_1 .section_2_z .chan h3{ display:inline-block; padding-top:26%;}
.section_2_1 .section_2_z .chan h3 span{font-size:48px; color:#666; line-height:48px; font-family:"Arial"; font-weight:normal;}
.section_2_1 .section_2_z .chan h3 a{font-size:30px; color:#666; line-height:30px; display:block; padding-top:10px;}
.section_2_1 .section_2_z .chan ul{ display:inline-block;} 
.section_2_1 .section_2_z .chan ul li{ display:inline-block; width:100%; text-align:right;}
.section_2_1 .section_2_z .chan h4 a{font-size:18px; color:#0071b7; line-height:44px; display:block; font-weight:normal; padding-top:5%;}
.section_2_1 .section_2_z .chan p{ width:100%;}
.section_2_1 .section_2_z .chan p a{font-size:14px; color:#666; line-height:30px; display:inline-block;  font-weight:normal; padding-left:10px;}
.section_2_1 .section_2_z .chan:hover{ background-color:#0071b7; border-right:#0071b7 solid 1px;}
.section_2_1 .section_2_z .chan:hover a{ color:#fff;} 
.section_2_1 .section_2_z .chan:hover h3 span{ color:#fff;}
.section_2_1 .section_2_z .chan a:hover{ font-weight:bold; color:#b6def6;}

/*产品*/
.section_3{position:relative;background:url(../images/x2_02.jpg) no-repeat center center;background-size:cover;}
.section_3 .screen-xj{ width: 48%; background-color:#0773b6;height: 100%; float:left;}
.section_3 .screen-main{position:absolute;top:50%;left:3%;margin-top:-350px;width:600px;height:700px;}
.section_3 .top1{position:relative;}
.section_3 .top1 .protit{font-family: Microsoft YaHei UI Light;font-size:24px;color:#fff; font-weight:bold; line-height:24px; padding-top:5%;}
.section_3 .top1 .protit i{ display:block; background-color:#679ebf; width:100%; height:2px; margin-top:26px;}

.section_3 .screen-shi{ width:40%; float:right; margin-right:5%; margin-top:20%;}
.section_3 .screen-shi .video{ width:100%;}



.pro_x{ padding-top:5%;}
.pro_x h3{ font-size:30px; color:#fff; line-height:30px;}
.pro_x p{ font-size:14px; color:#fff; line-height:30px; padding-top:5%;}
.pro_x a{ display:block; width:140px; height:36px; background-color:#fff; border-radius:30px; font-size:14px; color:#0673b7; margin-top:6%; text-align:center; line-height:36px;transition: all ease 300ms;}
.pro_x a:hover{ width:150px; background-color:#e4f3fa;}
.pro_c{ padding-top:7%;}
.pro_c ul{ display:inline-block; width:100%;}
.pro_c ul li{ width:25%; float:left; padding-top:6%;}
.pro_c ul li img{ display:block; width:80px; height:80px; border-radius:80px; -webkit-transition: -webkit-transform 0.5s ease-out;
 -moz-transition: -moz-transform 0.5s ease-out;  -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; border-radius:90px; overflow:hidden;}
.pro_c ul li span{ display:block; font-size:14px; color:#fff; padding-top:8px; width:80px; text-align:center;}
.pro_c ul li:hover img{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.pro_c ul li:hover span{ font-weight:bold;}
.pro_c ul li.li1{ display:none;}
.pro_c ul li.li10{ display:none;}

.section_4{background:url(../images/x5_02.jpg) no-repeat center center;background-size:cover; width:100%; height:100%;}
.section_4 .screen-main{position:absolute;top:50%; left:50%;margin-top:-409px;width:92%; margin-left:-46%;height:818px;}
.section_4 .screen-main .top{ border-bottom:#699fc1 solid 1px; height:56px; position:relative;}
.section_4 .screen-main .top a{ display:block; float:left; font-size:24px; color:#fff; line-height:24px; position:relative; padding:0 50px; margin:0 5%; position:relative;}
.section_4 .screen-main .top a i{ position:absolute; left:50%; height:1px; background-color:#fff; bottom:-33px;-webkit-transition: -webkit-transform 0.5s ease-out;
 -moz-transition: -moz-transform 0.5s ease-out;  -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}
.section_4 .screen-main .top a:hover i{ width:100%; margin-left:-50%;-webkit-transition: -webkit-transform 0.5s ease-out;
 -moz-transition: -moz-transform 0.5s ease-out;  -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}
.section_4 .sec_4_1{ width:96%; margin:0 auto; margin-top:34px;}
.section_4 .sec_4_1 ul{ width:100%; display:inline-block; height:100%;}
.section_4 .sec_4_1 ul li{ width:29.3%; float:left; margin:0 2%; height:100%; background-color:#fff; height:726px; text-align:center; }
.section_4 .sec_4_1 ul li b{ display:block; width:100%;}
.section_4 .sec_4_1 ul li b img{ display:block; width:100%;}
.section_4 .sec_4_1 ul li em{ display:block; font-size:30px; color:#0071b7; line-height:30px; font-weight:bold; padding-top:12%;}
.section_4 .sec_4_1 ul li i{ display:block; width:50px; height:1px; background-color:#0071b7; margin:0 auto; margin-top:4%;}
.section_4 .sec_4_1 ul li h3{font-size:24px; color:#666; line-height:24px; padding-top:6%;}
.section_4 .sec_4_1 ul li p{font-size:16px; color:#666; line-height:16px; padding-top:5%;}
.section_4 .sec_4_1 ul li p a{ display:inline-block; margin:0 3%; border:#045a8f solid 1px;padding: 4px 20px; margin-bottom:10px;}
.section_4 .sec_4_1 ul li p a:hover{border:#fff solid 1px; color:#fff;}
.section_4 .sec_4_1 ul li .s{ margin:0 auto; display:none; width:160px; height:40px; text-align:center; line-height:40px; font-size:30px; color:#fff; margin-top:7%; opacity:0;position:relative;}
.section_4 .sec_4_1 ul li:hover .s{ opacity:1;}
.section_4 .sec_4_1 ul li:hover p{}
.section_4 .sec_4_1 ul li:hover p a{ color:#fff;}
.section_4 .sec_4_1 ul li:hover{ background-color:#045a8f;}
.section_4 .sec_4_1 ul li:hover em{ color:#fff;}
.section_4 .sec_4_1 ul li:hover i{ background-color:#fff;}
.section_4 .sec_4_1 ul li:hover h3{ color:#fff;}
.section_4 .sec_4_1 ul li .sc{}
.section_4 .sec_4_1 ul li:hover .sc{ transform: translateY(-40px); background-color:#045a8f; position:relative; z-index:3;transition: 600ms; transition-timing-function: ease;transition-timing-function: ease-out;}
.section_4 .sec_4_1 ul li.li1 p .j,.section_4 .sec_4_1 ul li.li2 p .j{ display:none;}
.section_4 .sec_4_1 ul li .s:hover{}
.section_4 .sec_4_1 ul li:hover img{ opacity:0.9;}
.section_4 .sec_4_1 ul li .s font { font-size:30px; color:#fff}
.line {
 position:absolute;
 background:#fff;
 transition:400ms
}
.line1 {
 left:0;
 top:0;
 width:0;
 height:2px
}
.line2 {
 right:0;
 top:0;
 width:2px;
 height:0
}
.line3 {
 right:0;
 bottom:0;
 width:0;
 height:2px
}
.line4 {
 left:0;
 bottom:0;
 width:2px;
 height:0
}
.section_4 .sec_4_1 ul li:hover .line1,
.section_4 .sec_4_1 ul li:hover .line3 {
 width:100%
}
.section_4 .sec_4_1 ul li:hover .line2,
.section_4 .sec_4_1 ul li:hover .line4 {
 height:100%
}


/*新闻中心*/
.section_5{background:url(../images/x6_02.jpg) no-repeat center center;background-size:cover; width:100%; height:100%;}
.section_5 .screen-main{position:absolute;top:50%; left:50%;margin-top:-375px;width:92%; margin-left:-46%;height:750px;}
.section_5 .sec_5_1 .hd{ border-bottom:#dcdcdd solid 1px; height:56px; position:relative;}
.section_5 .sec_5_1 .hd li{float:left;margin:0 5%;position:relative;}
.section_5 .sec_5_1 .hd li a{ display:block;  font-size:24px; color:#333; line-height:24px; position:relative; padding:0 50px;  }
.section_5 .sec_5_1 .hd li a i{ position:absolute; left:50%; height:1px; background-color:#ff0000; bottom:-33px;-webkit-transition: -webkit-transform 0.5s ease-out;
 -moz-transition: -moz-transform 0.5s ease-out;  -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}
.section_5 .sec_5_1 .hd li a:hover i,.section_5 .sec_5_1 .hd li.on a i{ width:100%; margin-left:-50%;-webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out;  -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; z-index:6;}
.section_5 .sec_5_1 .bd{ width:96%; margin:0 auto; margin-top:34px;}
.section_5 .sec_5_1 .bd .ul1{ display:block; width:100%;}
.section_5 .sec_5_1 .bd .ul1 li{ float:left; width:22%; padding:0 1.5%; padding-bottom:5%;}
.section_5 .sec_5_1 .bd .ul1 li b{ display:block; width:100%; position:relative;}
.section_5 .sec_5_1 .bd .ul1 li b img{ display:block; width:100%;}
.section_5 .sec_5_1 .bd .ul1 li b i{ display:none; width:40px; height:40px; font-size:30px; color:#fff;transition: all .36s ease;}
.section_5 .sec_5_1 .bd .ul1 li b:hover i{ display:block; position:absolute; right:0; bottom:0; width:40px; height:40px; background-color:#dc3239; font-size:30px; text-align:center; line-height:40px;}
.section_5 .sec_5_1 .bd .ul1 li:hover img{opacity:0.9;}
.section_5 .sec_5_1 .bd .ul1 li h3{ font-size:18px; color:#333; line-height:56px; height:56px; border-bottom:#aeb1b8 solid 1px; margin-top:2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.section_5 .sec_5_1 .bd .ul1 li p{ display:block; font-size:14px; color:#999; line-height:14px; font-family:"Arial"; padding-top:5%;}
.section_5 .sec_5_1 .bd .ul1 li:hover h3{ color:#dc3239;}
.section_5 .sec_5_1 .bd .ul1 li b i:hover{ width:50px; height:50px;transition: all .36s ease; line-height:50px;}
.section_5 .sec_5_1 .bd .ul1 .a1{ clear:left; margin:0 auto;  display:block; width:248px; height:40px; border:#c9c9c9 solid 1px; border-radius:40px; text-align:center; line-height:40px; font-size:16px; color:#333;transition: all .36s ease;}
.section_5 .sec_5_1 .bd .ul1 .a1:hover{ background-color:#dc3239; border:#dc3239 solid 1px; color:#fff; width:254px;}
.section_5 .sec_5_1 .bd .nmb{ display:block; width:100%;}
.section_5 .sec_5_1 .bd .nmb li{ display:inline-block; width:64.5%; border-bottom:#ccc solid 1px; padding:1.98% 0;}
.section_5 .sec_5_1 .bd .nmb li p{ float:left; text-align:right; padding:18px; border-radius:10px; background-color:#0071b7; font-size:18px; color:#fff; font-family:"Arial"; line-height:36px; margin-right:10%;}
.section_5 .sec_5_1 .bd .nmb li p span{ display:block; font-size:30px;}
.section_5 .sec_5_1 .bd .nmb li h3{ font-size:22px; color:#333; line-height:22px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.section_5 .sec_5_1 .bd .nmb li i{ display:block; font-size:16px; color:#666; line-height:28px; padding-top:2%; padding-right:2%;}
.section_5 .sec_5_1 .bd .nmb li:hover h3{ color:#fff;}
.section_5 .sec_5_1 .bd .nmb li:hover{background-color: #0071b7; border-radius:10px;}
.section_5 .sec_5_1 .bd .nmb li:hover i{ color:#fff;}

.section_5 .sec_5_1 .bd .nmb li.li1 {float:left;width:29.6%; margin-right:5.5%; border-bottom:none; }
.section_5 .sec_5_1 .bd .nmb li.li1 b{ display:block; width:100%; position:relative;} 
.section_5 .sec_5_1 .bd .nmb li.li1 b img{ display:block; width:100%;}
.section_5 .sec_5_1 .bd .nmb li.li1 b i{ display:none; position:absolute; right:0; bottom:0; width:40px; height:40px; font-size:30px; color:#fff;transition: all .36s ease; padding:0;}
.section_5 .sec_5_1 .bd .nmb li.li1 b:hover i{ display:block; position:absolute; right:0; bottom:0; width:40px; height:40px; background-color:#dc3239; font-size:30px; text-align:center; line-height:40px;}
.section_5 .sec_5_1 .bd .nmb li.li1:hover img{opacity:0.9;}
.section_5 .sec_5_1 .bd .nmb li.li1 h3{ font-size:18px; color:#333; line-height:56px; height:56px; border-bottom:#aeb1b8 solid 1px; margin-top:2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.section_5 .sec_5_1 .bd .nmb li.li1 p{ padding:0; background-color:transparent; display:block; font-size:14px; color:#999; line-height:14px; font-family:"Arial"; padding-top:5%;}
.section_5 .sec_5_1 .bd .nmb li.li1:hover h3{ color:#dc3239;}
.section_5 .sec_5_1 .bd .nmb li.li1 b i:hover{ width:50px; height:50px;transition: all .36s ease; line-height:50px;}
.section_5 .sec_5_1 .bd .nmb li.li1:hover{background-color:transparent;}


.section_6{position:relative;background:url(../images/x8_02.jpg) no-repeat center center;background-size:cover;}
.section_6 .screen-main{position: absolute;top:0%;left:0%;width:100%;height:100%;}
.section_6 .top{ width:38%; float:left; padding-left:5%; padding-top:10%;}
.section_6 .top h3{ font-size:30px; color:#fff; line-height:30px;}
.section_6 .top ul{ display:inline-block;}
.section_6 .top ul li{ display:inline-block; width:100%; background:url(../images/x9_03.png) left center no-repeat; padding-left:50px; margin-top:9%;}
.section_6 .top ul li i{ display:block; font-size:14px; color:#fff; line-height:14px;}
.section_6 .top ul li p{ display:block; font-size:28px; color:#fff; line-height:28px; font-family:"Arial"; padding-top:4px;}
.section_6 .top ul li p span{ padding-right:15px;}
.section_6 .top ul li.li5 p{ font-size:18px;}
.section_6 .top ul li.li3{background:url(../images/x9_06.png) left center no-repeat;}
.section_6 .top ul li.li4{background:url(../images/x9_08.png) left center no-repeat;}
.section_6 .top ul li.li5{background:url(../images/x9_10.png) left center no-repeat;}
.section_6 .contact{ width:57%; height:100%; float:right;}

@media screen and (max-width: 1366px) { 
  
}

.section_7{position:relative; background-color:#f8f8f8;background-size:cover;}
.section_7 .screen-main{position: absolute;top:0%;left:0%;width:100%;height:100%;}
.section_7 .top{ text-align:center;}
.section_7 .top h3{ font-size:30px; color:#333; line-height:30px; padding-top:9%;}
.section_7 .top h4{ font-size:14px; color:#828282; line-height:24px; padding-top:1%;}
.section_7 .top h4 span{ color:#db261d; font-weight:bold;}
.section_7 .top .reg_ul{ width:80%; margin:0 auto; padding-top:3%;}
.section_7 .top .reg_ul .item{ float:left; width:29.3%; margin:0 2%; margin-top:20px; position:relative;}
.section_7 .top .reg_ul .item .msg-box{ position:absolute !important; left:0;}
.section_7 .top .reg_ul .item input{ display:block; width:95%; height:36px;background-color:transparent; border:#e5e5e5 solid 1px; padding-left:5%;}
.section_7 .top .reg_ul .item1{ clear:left; width:100%;}
.section_7 .top .reg_ul .item1 .area{ display:block; width:93%; height:17%;background-color:transparent; border:#e5e5e5 solid 1px; padding:1.5%}
.section_7 .top .reg_ul .btn1{ width:280px; height:46px; margin:0 auto; margin-top:3%; background-color:#0071b7; text-align:center; line-height:46px; font-size:18px; color:#fff; border:none; cursor:pointer;}
.section_7 .top .reg_ul .btn1:hover{ background-color:#015284;}
.section_7 .bottom{ width:70%; margin:0 auto; padding-top:3%; text-align:center;}
.section_7 .bottom ul{ display: flex;}
.section_7 .bottom ul li{ width:16%; border-radius:10px; margin:0 2%; float:left;}
.section_7 .bottom ul li img{ display:inline-block; width:94%; padding-top:2%;}
.section_7 .bottom ul li p{ color:#fff; line-height:30px;}
.section_7 .bottom_copy1{ height:60px; border-top:#e3e3e3 solid 1px; line-height:60px; font-size:12px; color:#5a5a5a; position:absolute; bottom:0; left:0; width:100%;}
.section_7 .bottom_copy1 a{font-size:12px; color:#5a5a5a; display:inline-block;}
.section_7 .bottom_copy1 p{ padding-left:5%;}
.section_7 .bottom_copy1 i{ padding-right:5%;}
.section_7 .bottom_copy1 a:hover{color:#dc3239;}
/*.section_7 .bottom ul li.li1{ background-color:#00923f;}
.section_7 .bottom ul li.li2{ background-color:#9c231b;}
.section_7 .bottom ul li.li3{ background-color:#a11c79;}
.section_7 .bottom ul li.li4{ background-color:#da251c;}
.section_7 .bottom ul li.li5{ background-color:#0071b7;}*/

.section{ transition: 600ms; transition-timing-function: ease-out;}
.section_1{ z-index:7;} 
.section_2{ z-index:6;} 
.section_3{ z-index:5;} 
.section_4{ z-index:4;} 
.section_5{ z-index:3;} 
.section_6{ z-index:2;} 
.section_7{ z-index:1;} 
.section.active{ /*transform: translateY(-100%);*/}







#navigation .toggle {position: absolute;top: 20px;right: 20px;width: 26px;height: 25px;background: url(../images/sprite.png) -79px -234px no-repeat;cursor: pointer;}
#navigation .toggle:hover {opacity: .8}
.isTouch #navigation .toggle:hover {opacity: 1}

#navigation {opacity: 0;-webkit-transition: opacity 0s 0.5s;-moz-transition: opacity 0s 0.5s;-o-transition: opacity 0s 0.5s;transition: opacity 0s 0.5s; display:none;}
#navigation{ -webkit-transform: translate3d(0, 0, 0);overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;width: 300px;background:#0095a3;z-index:2;}
.navActive #navigation{opacity: 1;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.wwrapper {width: 100vw;height: 100vh;}
#wrapper {-webkit-transition: left .33s cubic-bezier(.694, .0482, .335, 1);-moz-transition: left .33s cubic-bezier(.694, .0482, .335, 1);-o-transition: left .33s cubic-bezier(.694, .0482, .335, 1);transition: left .33s cubic-bezier(.694,.0482,.335,1);background:#fff;}
#wrapper{ position: relative;left: 0;width: 100%;min-height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index:100;}
.navActive #wrapper{left:-300px;overflow: hidden;background:#fff;}
.g_navbox{position:absolute;top:88px;left:0;width:100%;}
.g_navbox .g_nav{background:#0095a3;position: absolute;top: 0px;width: 100%;box-sizing: border-box;}
.g_navbox .g_navitm{position:relative;padding-top:7px;padding-bottom:7px;cursor:pointer;}
.g_navbox .g_navitm a{padding-left:50px;padding-right:0;position:relative;display:block;width:90px;padding-bottom:8px; font-size: 16px;line-height: 24px;letter-spacing: 2px;color: #fff;}
.g_navbox .g_navitm a.g_navname:hover{color:#c03230;}
.g_navitm .g_navname::before{content: '';display: block;width: 3px;height: 20px;position: absolute;left: 0;top: 2px;background: #fff;transform: translateX(-100%);transition: all 0.3s;}
.g_navbox .g_navitm.g_navitmatv .g_navname::before{transform: translateX(0%);}
.g_navitm .g_navname:hover::before{transform: translateX(0%);}
.g_navbox .g_navitm .g_subnav a{padding-left:17%;font-size:14px;line-height:24px;color:#ccc;}
.g_navbox .g_navitm .g_subnav a:hover{color:#fff;}
.g_navbox .g_navitm i.fa{position:absolute;right:30px;top:14px;display:block;width:6px;height:11px;background:url("../images/gnav_t.png") no-repeat center center;background-size:6px 11px;cursor:pointer;}
.g_navbox .g_navitm.g_navitmatv .g_navname{color:#c03230;} 
.g_navbox .g_navitm.g_navitmatv i.fa{transform:rotate(90deg);}


.g_navbox .g_navitm.on .g_navname::before{transform: translateX(0%);}
.g_navbox .g_navitm.on .g_navname{color:#c03230;} 
.g_navbox .g_navitm.on i.fa{transform:rotate(90deg);}



.g_navej{display:none;}
.g_navejbox{position:relative;background: rgba(0,0,0,0.3);padding-top: 6px;opacity: 1;transition: all .5s cubic-bezier(.77,0,.175,1) .3s;}
.g_navitm.g_navitmatv .g_navejbox{opacity:1;}
.g_navejbox::before{content: '';display: block;background: rgba(0,0,0,0.3);width: 100%;height: 6px;position: absolute;left: 0;bottom: -6px;}
.g_navejbox .g_ejitm a{padding-left: 44px;padding-right: 50px;display: block;width:200px;font-size:14px;line-height:22px;text-indent:8px;}
.g_navejbox .g_ejitm a:hover{color:#c03230;}

.g_navfoot{position:absolute;left:0;bottom:0;width:100%;padding-left:30px;padding-right:30px;box-sizing: border-box;}
.g_navfoot .g_inp{background: #fff;border-radius: 16px;overflow: hidden;height: 35px;position: relative;}
.g_navfoot .g_inp .g_inptext{float:left;height: 32px;font-size:14px;position: absolute;top: 1px;left:4px;transform: translateY(0%);display: block;width: calc(100% - 70px);margin-left: 18px;border: none;-webkit-appearance: none;outline: none;color:#999;}
.g_navfoot .g_inp .g_inpbtn{width: 40px;height: 100%;right: 10px;border:none;cursor: pointer;position: relative;background:url("../images/g_inpbtn.png") no-repeat center center;}
.g_conter{margin-top:32px;margin-left:8px;}
.g_conter .g_conitm{font-size:14px;line-height:18px;margin-bottom:14px;color:#fff;}
.g_conioc{padding-left:10px;padding-right:10px;margin-bottom:52px;margin-top:24px;}
.w_gbnm{position:relative;}
.g_conioctmig{width:32px;margin:auto;}
.g_conioctmig img{width:100%;cursor:pointer;}
.g_conioctm p{font-size: 12px;color: #fff;margin-top: 6px;line-height: 14px;}
.g_navfoot .tan{position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);width: 80px;display: none;}
.g_navfoot .tan img{width:100%;}

@media screen and (max-height:700px){.tit{top:17vh}
.tit img{height:90px}
}
.fp-viewing-page1 .wel-number,.fp-viewing-page3 .wel-number,.fp-viewing-page5 .wel-number{background:url("../images/wel21.png") no-repeat top center;color:#fff}
.fp-viewing-page1 .wel-number .num,.fp-viewing-page3 .wel-number .num,.fp-viewing-page5 .wel-number .num{color:#fff}
.fp-viewing-page2 .header_main,.fp-viewing-page4 .header_main,.fp-viewing-page6 .header_main{top:0;opacity:1}
.fp-viewing-page2 .header_main .logo .img1,.fp-viewing-page4 .header_main .logo .img1,.fp-viewing-page6 .header_main .logo .img1{display:block}
.fp-viewing-page2 .header_main .logo .img2,.fp-viewing-page4 .header_main .logo .img2,.fp-viewing-page6 .header_main .logo .img2{display:block}
.fp-viewing-page2 .header_main .nav a,.fp-viewing-page4 .header_main .nav a,.fp-viewing-page6 .header_main .nav a{color:#333}
.fp-viewing-page2 .bottom_copy,.fp-viewing-page4 .bottom_copy,.fp-viewing-page6 .bottom_copy{background:url(../images/b1.png) left top repeat-x;color:#333}
.fp-viewing-page2 .bottom_copy a,.fp-viewing-page4 .bottom_copy a,.fp-viewing-page6 .bottom_copy a{color:#333}
.bottom_copy em{margin:0 5px;}
.ewmbox{width:300px;height:320px;padding-top:20px;background:#fff;z-index:9999;position:fixed;left:50%;top:50%;margin:-170px 0 0 -150px;text-align:center;font-size:16px;display:none}
.ewmbox .close{width:32px;height:32px;position:absolute;top:-25px;right:-40px;cursor:pointer;border-radius:100%;background:#f3f3f3 url(../images/dialogClose.png) no-repeat center center;transition:all ease 300ms}
.ewmbox .close:hover{transform:rotate(180deg)}
.ewmbox img{width:260px;height:260px;display:block;margin:0 auto 10px}
.dialog-layout{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:#000;opacity:0.3;filter:alpha(opacity=30)}
.erro{text-align:center;min-height:400px;color:red;font-size:18px;padding-top:20px;background:#fff;}

/*友情链接*/
.bottom_copy{}
.friendLink{line-height:16px;margin-top:6px;}
.friendLink .link{float:left;}
.friendLink .item{float:left;margin-left:12px;cursor:pointer;}
.friendLink .item:first-child{margin-left:0;}
.friendLink .link{margin-right:3px;}
.friendLink .item:hover{color:#ff7000;}
.bottom_copy .bt{line-height:30px;}
.btns{ clear:left; padding-top:3%;}
.btns .bt{ width:100%;}
.btns .bt .links-info{ font-weight:bold; display:block; line-height:20px;float: left;}
.btns .bt ul{ display:inline-block; padding-left:6px;}
.btns .bt ul li{ float:left; padding-right:10px;line-height:20px;}

.about_showvideo {  z-index:999;position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6) ; top:0px; left:0px;display:none;}
#about_closevideo {font-size:28px; color:#fff; position:absolute; width:30px; height:30px; text-align:center; line-height:30px; right:20%; top:20%; cursor:pointer; *color:#000;transition: all 0.3s ease-out 0s;}
#about_closevideo:hover {border:1px solid #fff; border-radius:50%; transform:rotate(360deg);*border:1px solid #000; }


/*@media screen and (max-width: 1599px) and (min-width: 1366px) {
    .header .logo{margin-left:1vw;}
    .header .nav li{width:6.5vw;}
    .section_3 .body{margin-top:-250px;}
    .section_3 .case-more{margin-top:20px;}
    .section_4 .screen-main{margin-top:-275px;}
    .section_4 .top-nav{margin-top:16px;}
    .section_4 .round-box{margin-top:24px;}
    .section_4 .work-more{margin-top:24px;}
    .section_6 .contact{margin-top:-270px;}
    .section_6 .contact .part1 .txt{margin-top:10px;}
    .section_6 .contact .part3{margin-top:10px;}
    .section_6 .contact .part4{margin-top:10px;}
}*/

/*index css end*/

.fix_top{position:fixed;bottom:12%;right:3%;display:block;width:80px;height:80px;background:url("../images/go_top.png") no-repeat center center;background-size:80px 80px;z-index:1000;cursor:pointer;display:none;}



/*chrome */
::-webkit-scrollbar-track-piece{width:5px; background-color:#f8f8f8;}
::-webkit-scrollbar{width:5px; background-color:#aeaeae;}
::-webkit-scrollbar-thumb{width:5px; background-color:#656565;}
::-webkit-scrollbar-thumb:hover{width:5px; background-color:#c03230;}


/* Underline From Center1 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #db261d; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 2px solid #db261d; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}


@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*animated*/
.onactive .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.opacityA {
  -webkit-animation-name: opacityA;
  animation-name: opacityA;
}
.hvr-light {
  overflow: hidden;
  position: relative;
}
.hvr-light:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 370px;
  top: -0px;
  left: -200px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-32deg);
  -ms-transform: skewX(-32deg);
  -moz-transform: skewX(-32deg);
  transform: skewX(-32deg);
}
.hvr-light:hover:before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  -ms-transition: left 1s;
  transition: left 1s;
  left: 1300px;
}
.hvr-light:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}








@keyframes opacityA {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.active .scale {
  -webkit-animation-name: scale;
  animation-name: scale;
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.active .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.active .start {
  -webkit-animation-name: start;
  animation-name: start;
  animation-iteration-count: infinite;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: .5;
    -webkit-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -webkit-transform: translate(0, -6px);
  }
}
@-moz-keyframes start {
  0%,
  30% {
    opacity: .5;
    -moz-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -moz-transform: translate(0, -6px);
  }
}
@keyframes start {
  0%,
  30% {
    opacity: .5;
    transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    transform: translate(0, -6px);
  }
}
@keyframes mousemove {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5px);
  }
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .Swing1 {
  -webkit-animation-name: Swing1;
  animation-name: Swing1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
/*# sourceMappingURL=css.css.map */



#top_main{margin:0 auto; position:fixed; left:0; top:0; z-index:66; width:100%;}
#top_main1{margin:0 auto; z-index:66; width:100%;box-shadow: 0px 4px 15px #e7e7e7;position:fixed; left:0; top:0; background-color:#fff;}

.topc{height:100px;position:relative;box-sizing:border-box;z-index: 11;}
.topc .logo{display: inline-block;vertical-align: middle; float:left; margin-left:5%;}
.topc .logo .weblogo{display: block; width:171px;vertical-align: middle; margin-top:14px; background-size:100%; }
.topc .top_r{position:relative; margin-right:30px;}

.topc .tel{ padding-right:2.6%;}
.topc .tel p{ background:url(../images/x12_03.png) left center no-repeat; padding-left:16px; line-height:100px; font-size:26px; color:#dc3239; font-family:"Arial";}

.top_main.fixed{ position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:999;}
#top .header_search{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;  margin-top:30px; height:40px; margin-right:26px;}
#top .header_search .search_btn{width:40px; height: 40px; cursor: pointer;background: url(../images/search3.png) no-repeat center center; border-radius:20px;}
#top .header_search .search_btn:hover{opacity:.8;filter:alpha(opacity=80);}
#top .header_search .search_main{position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right:0%; top:50px; overflow: hidden; background: #fff;}
#top .header_search .search_box{width:280px;height:40px;margin-top:20px;background:url(../images/search_main.png) no-repeat bottom center; }
#top .header_search .search_box input{background-color: none; border: none;}
#top .header_search .search_box .stxt{width: 240px; height: 40px;line-height: 40px; display: block; text-indent: 10px;color:#999; background-color:transparent;}
#top .header_search .search_box .sbtn{width: 40px; height: 40px; display: block; cursor: pointer;background: url(../images/search1.png) no-repeat center center;}
#top .header_search.addy .search_main{width:288px;}
#top .header_search.addy .search_btn{ background: url(../images/search2.png) no-repeat center center;}

#top .yz{ padding-top:40px; font-size:20px; color:#293453; font-family:"Arial";padding-right:20px;}
#top .yz p{ background:url(../images/x11_03.png) right center no-repeat; padding-right:14px; }
#top .yz a{ display:block;font-size:20px; color:#293453; font-family:"Arial";}
#top .yz .cn{ display:none; padding-top:8px;}
#top .yz:hover .cn{ display:block;}
#top .yz a:hover{ color:#db261d;}

.tel_main{ margin-right:30px; margin-top:36px;}
.tel_main .icon{ display:block; float:left; width:20px; height:20px; background-position:0px -122px; margin-top:2px;}
.tel_main p{ float:left; font-size:26px; color:#70a90d; font-family:"Arial"; padding-left:10px; line-height:26px;}
.tel_main p .tel_e{ display:block;font-size:20px; color:#333; font-family:"Arial"; line-height:20px;}

/*nav*/
#nav{width:100%;height:100px;}
#nav ul{display:block;width:100%;}
#nav li{float:left;display:block;height:100px;font-size:14px;text-align:center;line-height:100px;position: relative;padding:0 20px;}
#nav li a{display:block;text-align:center;position: relative;height:100px;color: #333;line-height:100px; font-size:16px;  position:relative;}
#nav li a i{ display:block; width:0%; height:2px; background-color:#db261d; position:absolute; left:0; bottom:0;transition: all .36s ease;}
#nav li:hover a,#nav li.hover a{color: #db261d;}
#nav li:hover a i,#nav li.hover a i{ display:block; width:100%;}

#nav li ul { position: absolute;  left:50%; margin-left:-80px; top:100px;  z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width:160px; background-color:#fff; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); margin-right:0; box-shadow: 0px 4px 15px #e7e7e7;}
#nav li:hover ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align:center;}
#nav li ul li { display: block; clear: left; width:100%; background: none; height:40px; border-bottom: #e7e7e7 solid 1px; line-height: 40px; margin: 0; padding:0;text-align: center; margin-right:0; }
#nav li:hover ul li a,#nav li.hover ul li a{color: #333;}
#nav li ul li:last-child{ border-bottom:none;}
#nav li ul li a{font-size:14px; border-radius:0; line-height:40px; height:40px;}
#nav li ul li:hover a,#nav li ul li.hover a{ color:#fff; }
#nav li ul li:hover a{background-color:#db261d;color: #fff; line-height:40px; height:40px;}



.toolbar{width: 52px; position: fixed; right:8px; top: 54%; z-index: 999;}
.toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative;  -webkit-border-radius: 100%; border-radius: 100%; margin-top:4px; background-color:#0071b7;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 52px; line-height: 52px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #0071b7; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position:-36px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#0071b7; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px; }
.toolbar .tel span{background-position:-36px 0;}
.toolbar .tel:hover{background: #0071b7; border-radius:30px;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-36px -95px;}
.toolbar .code:hover{ background-color:#0071b7;  border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -36px -142px;}
.toolbar .top:hover{ background-color:#0071b7;  border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px; }
.toolbar dd:hover{}
.toolbar dd.d{ background-color:#aacd23;}

.pager { text-align: center; padding-bottom:4%;}
.pager:after { visibility: hidden; display: block; font-size: 0; content: " ";clear: both; height: 0;}
.pager { *zoom: 1;}
.pager p { height: 34px;line-height: 34px;float: left; display: none;}
.pager ul { overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li { padding: 0 !important; height: auto !important; border: none !important;display: inline-block; *display: inline; zoom: 1;}
.pager ul a { margin-left: 8px; padding: 0 15px; height: 38px; line-height: 38px; border: 1px solid #edebeb; text-decoration: none; float: left;}
.pager ul a.current { background-color: #0071b7;border-color: #0071b7; color: #fff;}
.pager ul a.current:hover { background-color: #0071b7; border-color: #0071b7; color: #fff;}
.pager ul a:hover { background-color: #0071b7; border-color: #0071b7; color: #fff;}




.ny_sou{ width:18.4%; height:90%; position:fixed; left:0; top:10%;box-shadow: 0px 4px 15px #ddd;}
.sob_nav h3{margin:0 12%;  text-align:center; line-height:30px; font-size:30px; font-weight:bold; margin-top:12%; border-bottom:#e5e5e5 solid 1px; height:54px;}
.nc a{ display:block; width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; position:relative;}
.nc a i{ display:block; position:absolute; left:16%; bottom:0; height:1px; background-color:#e5e5e5; width:68%;}
.nc a:hover,.nc a.on{ background-color:#0071b7; color:#fff;}
.nc a:hover i,.nc a.on i{ background-color:#0071b7;}

.ny_sou .wd{ position:absolute; left:22%; bottom:5%;}
.ny_sou .wd p{ font-size:18px; color:#333; background:url(../images/x1_03.png) left center no-repeat; font-family:"Arial"; padding-left:32px;}
.ny_sou .wd em{ display:block;font-size:14px; color:#737373; font-family:"Arial"; padding-left:32px; padding-top:3px;}


.zuo_fu{ float:right; width:81%; padding-right:0.6%; margin-top:100px;}


.news_ul{ padding:2% 1%; padding-top:3%;}
.news_ul .ul{ display:inline-block; width:100%;}
.news_ul .ul .item{ float:left;width:22%; padding:0 1.5%; padding-bottom:3%;}
.news_ul .ul .item b{ display:block; width:100%; position:relative;}
.news_ul .ul .item b img{ display:block; width:100%;}
.news_ul .ul .item b i{ display:none; width:40px; height:40px; font-size:30px; color:#fff;transition: all .36s ease;}
.news_ul .ul .item b:hover i{ display:block; position:absolute; right:0; bottom:0; width:40px; height:40px; background-color:#dc3239; font-size:30px; text-align:center; line-height:40px;}
.news_ul .ul .item:hover img{opacity:0.9;}
.news_ul .ul .item h3{ font-size:16px; color:#333; line-height:28px; height:60px; border-bottom:#aeb1b8 solid 1px; margin-top:2%;  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.news_ul .ul .item p{ display:block; font-size:14px; color:#999; line-height:14px; font-family:"Arial"; padding-top:5%;}
.news_ul .ul .item:hover h3{ color:#dc3239;}
.news_ul .ul .item b i:hover{ width:50px; height:50px;transition: all .36s ease; line-height:50px;}
.news_ul .ul .item .a1{ clear:left; margin:0 auto;  display:block; width:248px; height:40px; border:#c9c9c9 solid 1px; border-radius:40px; text-align:center; line-height:40px; font-size:16px; color:#333;transition: all .36s ease;}
.news_ul .ul .item .a1:hover{ background-color:#dc3239; border:#dc3239 solid 1px; color:#fff; width:254px;}



.part_2 .news_ul1 { padding: 2% 1%;padding-top: 3%; }
.part_2 .news_ul1 .ul{ width:100%; display:inline-block;}
.part_2 .news_ul1 .item{    overflow: hidden;transition: all ease 0.6s;padding: 20px;height:214px;margin-bottom: 40px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border: 1px solid #ddd; background-color:#fff;}
.part_2 .news_ul1 .item a{width: 100%;display: block;}
.part_2 .news_ul1 .item img{width: 285px;display: block;margin-right: 45px; float:left;}
.part_2 .news_ul1 .item h3{font-size: 18px;color: #333;padding: 30px 0 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.part_2 .news_ul1 .item p{color: #939aa3;line-height: 24px;height:100px;padding-right: 94px;overflow: hidden;}
.part_2 .news_ul1 .item i{width: 160px;padding-top: 28px;line-height: 24px;font-family: arial;font-size: 14px;color: #939aa3;}
.part_2 .news_ul1 .item .time .day{font-size: 34px;line-height: 40px;display: block;}
.part_2 .news_ul1 .item .time s{width: 50px;height: 8px;display: block;margin-top: 20px;background-position: -44px 0;}
.part_2 .news_ul1 .item:hover{border-color: #008fd7;transform: translateY(-3px);transition: all ease 0.6s;}
.part_2 .news_ul1 .item:hover h3{color: #008fd7;}
.part_2 .news_ul1 .item .txt span{ color:#008fd7;}









.bottom_copy{ height:60px; border-top:#e5e5e5 solid 1px; line-height:60px; font-size:12px; padding:0 5%;}
.bottom_copy p{ float:left;}
.bottom_copy i{ float:right;}


.reLink {height:50px; line-height:50px; color: #666; border-top:1px solid #e4e4e4; overflow: hidden; padding-bottom:3%;}
.reLink .prevLink { float:left; margin-left:10px;color: #666; background:url(../images/g13_03.png) left center no-repeat; padding-left:34px;}
.reLink .nextLink { float:right; margin-right:10px;color: #666;background:url(../images/g14_03.png) right center no-repeat; padding-right:34px;}
.reLink a{ color: #666;}
.reLink a:hover{ color: #004f99;}

.showxinwen{ padding: 2% 3%; padding-top: 3%; min-height:700px;    display: inline-block; width:94%;}

.showContxt{ margin-top:30px; padding-bottom:40px;}
.showContxt img{ display:inline-block;}
.showContxt_text{padding:26px 0px;}
.showContxt_text p{ line-height:30px;}
.showxinwen_text { padding: 0 38px;}
.showxinwen_text .title{ font-size:24px; color:#333; line-height:24px; text-align:center;}
.showxinwen_text .mark{ display:block; padding-top:12px;text-align: center;border-bottom: #e9e9e9 solid 1px; height: 44px; }
.showxinwen_text .mark span{ display:inline-block; font-size:14px; color:#666; padding-right:14px;}
.showxinwen_text .yaoqiu{ padding:20px 0; }

.sj_v{ width:100%; height:60px; background-color:#eaeaea; line-height:60px;}
.sj_v .sit_z{ font-size:14px; color:#d6181f; padding-left:3%; float:left; width:80%;}
.sj_v .sit_z li{ display:none;}
.sj_v .sit_z li.hover{ display:block;}
.sj_v .sit_z li .nav1{ display:none;}
.sj_v .sit_z li .subMenu a{ display:inline-block; position:relative; font-size:16px; height:60px; margin-right:12px;}
.sj_v .sit_z li .subMenu a s{display:block; width:0%; position:absolute; left:0; bottom:0; height:1px; background-color:#e4272b;transition: all .36s ease;}
.sj_v .sit_z li .subMenu a:hover,.sj_v .sit_z li .subMenu a.on{ color:#e4272b;}
.sj_v .sit_z li .subMenu a:hover s,.sj_v .sit_z li .subMenu a.on s{  width:100%;}
.sj_v .sit_z li .nav2{display:inline-block; position:relative; font-size:16px; height:60px; margin-right:3%;}
.sj_v .sit_z li .nav2 s{display:block; width:0%; position:absolute; left:0; bottom:0; height:1px; background-color:#e4272b;transition: all .36s ease;}
.sj_v .sit_z li:hover .nav2,.sj_v .sit_z li.hover .nav2{ color:#e4272b;}
.sj_v .sit_z li:hover .nav2 s,.sj_v .sit_z li.hover .nav2 s{  width:100%;}

.sj_v .sitepath{ padding-right:4%; font-size:12px;}

.jobPage{padding:2% 3%; padding-top:4%; min-height:680px;}
.jobPage .postlist{ padding-bottom:3%;}
.jobPage .h3{ background:url(../images/x13_03.png) left center no-repeat; font-size:14px; line-height:16px; padding-left:28px;}
.jobPage .h3 a{ display:inline-block; color:#d6181f;}
.jobPage .item { position: relative; border-bottom:#e7e7e7 solid 1px;}
.jobPage .item .top { height:56px; cursor: pointer; width:100%;}
.jobPage .item .top em{  float: left; display:block;width:35%; text-align:center;font-size: 14px; color: #333; line-height:56px;}
.jobPage .item.hover .top{ background-color:#da251c;}
.jobPage .item.hover .bottom{background-color:#f4f4f4;}
.jobPage .item.hover .top s { background-position: -265px -55px;}
.jobPage .item .top h3 { font-size: 14px; color: #333; float:left; width:15%; text-align:center; line-height:56px;}
.jobPage .item .top i{ display:block; float:left;font-size: 14px; color: #333; float:left; width:35%; text-align:center; line-height:56px;}
.jobPage .item .top span{display:block; float:left;font-size: 14px; color: #333; float:left; width:15%; text-align:center; line-height:56px;}
.jobPage .item.hover .top h3,.jobPage .item.hover .top em,.jobPage .item.hover .top span,.jobPage .item.hover .top i{ color:#fff;}
.jobPage .item .bottom { padding: 20px 30px 20px; line-height: 32px; border-top:none; }
.hidden { display: none;}
.jobPage .item .bottom { line-height: 32px;}
.jobPage .morebtn { width: 535px; height: 35px; line-height: 35px; position: relative; margin: 0 auto; padding: 30px 0; cursor: pointer; text-align: center;}
.jobPage .morebtn h3 { display: inline-block; padding: 0 20px; font-size: 16px; background: #fff; position: relative; z-index: 10;}
.jobPage .morebtn .line { width: 100%; height: 1px;display: block;position: absolute; left: 0; top: 50%; background: #dcdcdc;}


.job_s{ width:100%; height:50px; line-height:50px; background-color:#0071b7; margin-top:34px;}
.job_s dt{ float:left; text-align:center; color:#fff;}
.job_s .dt1{ width:15%;}
.job_s .dt2{ width:35%;}
.job_s .dt3{ width:35%;}
.job_s .dt4{ width:15%;}

.content,.xia_zai{padding:2% 3%; padding-top:4%; padding-bottom:5%;}
.xia_zai{padding-top:3%;}
.xia_s{ width:100%; height:50px; line-height:50px; background-color:#0071b7;}
.xia_s dt{ float:left; text-align:center; color:#fff;}
.xia_s .dt1{ width:44%;}
.xia_s .dt2{ width:18%;}
.xia_s .dt3{ width:18%;}
.xia_s .dt4{ width:18%;}

.xia_wen{ min-height:600px;}
.xia_wen .list{ display:inline-block; width:100%; padding-bottom:4%;}
.xia_wen .list .item { display:block; width:100%; height:50px; border-bottom:#eee solid 1px; line-height:50px;}
.xia_wen .list .item h3{ float:left; height:50px; width:37.4%; margin-left:5%; background:url(../images/x13_04.png) left center no-repeat; padding-left:1.6%; color:#333;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.xia_wen .list .item b{width:18%; height:50px; float:left; text-align:center; font-weight:normal; color:#333;}
.xia_wen .list .item p{width:18%; height:50px; float:left;text-align:center; color:#333;}
.xia_wen .list .item i{width:18%; height:50px; float:left;text-align:center;  color:#333;}
.xia_wen .list .item i s{ display:block; background:url(../images/x15_03.png) left center no-repeat; width:28px; height:24px; margin:0 auto; margin-top:14px;} 
.xia_wen .list .item:hover{ background-color:#eeeeee;}
.xia_wen .list .item:hover s{ background:url(../images/x15_06.png) left center no-repeat;}


.jishu{ min-height:600px;padding:2% 3%; padding-top:4%; padding-bottom:5%;}
.jishu .fa_ul{ padding-bottom:4%;}

.daosi{ padding-left:3%; padding-top:2px;}
.daosi a{ display:inline-block; padding:4px 8px; margin-top:20px; background-color:#c8c8c8;}
.daosi a.on,.daosi a:hover{ background-color:#c03230; color:#fff;}

.jishu1{ min-height:600px;padding:1% 3%; padding-top:2%; padding-bottom:5%;}
.jishu1 .fa_ul{ padding-bottom:4%;}
.fa_ul .ul{ display:inline-block; width:100%;}
.fa_ul .ul li{ display:inline-block; padding:14px; width:98%; border-bottom:#e5e5e5 solid 1px;}
.fa_ul .ul li .txt{ float:left; width:85%;}
.fa_ul .ul li h3{ font-size:18px; color:#333; line-height:18px;}
.fa_ul .ul li p{ font-size:14px; color:#999; line-height:20px; padding-top:6px;}
.fa_ul .ul li i{ display:block; float:right;font-size:14px; color:#999; padding-top:12px;}
.fa_ul .ul li:hover h3{ color:#e4272b; }
.fa_ul .ul li i:hover{ color:#e4272b; }

.cpz_2{min-height:600px;padding:2% 3%; padding-top:3%; padding-bottom:4%;}
.cpz_2 .cp_list{}
.cpz_2 .cp_list .list{ display:inline-block; width:105%;}
.cpz_2 .cp_list .list .item{ display: inline-table; width:22.2%; padding-right:2%; padding-bottom:3%;}
.cpz_2 .cp_list .list .item .c{ display:block; width:100%; position:relative; overflow:hidden;border: #ddd solid 1px;}
.cpz_2 .cp_list .list .item .c img{ display:block; width:100%;}
.cpz_2 .cp_list .list .item:hover img{opacity:0.9;}
.cpz_2 .cp_list .list .item p{ font-size:18px; color:#333; line-height:56px; height:56px; border-bottom:#aeb1b8 solid 1px; margin-top:2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.cpz_2 .cp_list .list .item:hover p{ color:#dc3239;}
.cpz_2 .cp_list .list .item .c .cp_bg { position: absolute; left: -100%; top: 0px; width:100%;height: 100%; text-align: center; transition: all ease-in-out 600ms;}
.cpz_2 .cp_list .list .item:hover .cp_bg { background: url(../images/a7_03.png) repeat center center; transition: all ease 600ms; left: 0;}
.cpz_2 .cp_list .list .item .c .cp_bg span { position:absolute; left:50%; top:50%; background-position: -336px -0px; width: 47px; height: 47px; margin-top: -23.5px; margin-left:-23.5px; }

.cpz_2 .cp_list{}
.cpz_2 .cp_list .list1{ display:inline-block; width:105%;}
.cpz_2 .cp_list .list1 .item{ float:left; width:17.2%; padding-right:2%; padding-bottom:3%;}
.cpz_2 .cp_list .list1 .item .c{ display:block; width:100%; position:relative; overflow:hidden;}
.cpz_2 .cp_list .list1 .item .c img{ display:block; width:100%;}
.cpz_2 .cp_list .list1 .item:hover img{opacity:0.9;}
.cpz_2 .cp_list .list1 .item p{ font-size:18px; color:#333; line-height:56px; height:56px; border-bottom:#aeb1b8 solid 1px; margin-top:2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display:none;}
.cpz_2 .cp_list .list1 .item:hover p{ color:#dc3239;}


#preview{ text-align:center; width:540px; float:left; overflow:hidden;}
.jqzoom{ width:538px; height:404px; position:relative; border:#ccc solid 1px;}
.jqzoom img{ display:block;width:538px; height:404px;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:540px; height:80px; padding-top:6px; overflow:hidden;}
#spec-left{ width:11px; height:16px; float:left; cursor:pointer; margin-top:24px; background-position:0px -243px;}
#spec-right{width:11px; height:16px; float:left; cursor:pointer; margin-top:24px; background-position:-14px -243px;}
#spec-left:hover{background-position:0px -262px;}
#spec-right:hover{ background-position:-14px -262px;}
#spec-list{ width:494px; float:left; overflow:hidden; margin-left:12px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:98px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:84px; height:64px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:494px; margin-right:12px;}
#spec-list div{ margin-top:0;/*margin-left:-30px;*/*margin-left:0;}

.plk_o{ display:inline-block; width:100%;}

.imgtxtcon{float:left; margin-left:4%; width:50%;}
.imgtxtcon em{ display:block; font-size:30px; color:#333; line-height:30px; font-weight:bold; padding-top:12px;}
.imgtxtcon .tit{ font-size:30px; color:#666; line-height:30px; padding-top:16px;}
.imgtxtcon i{ display:block; width:50px; height:2px; background-color:#db261d; margin-top:16px;}
.imgtxtcon p{ font-size:16px; color:#333; line-height:30px; margin-top:26px; height:250px;}
.imgtxtcon .btn1{ display:block; width:180px; height:38px; background-color:#0071b7; text-align:center; line-height:38px; color:#fff;}
.imgtxtcon .btn1:hover{ background-color:#014e7e;}
.showp_txt .tit{ margin-top:50px;}
.showp_txt .tit p{ background-color:#0071b7; font-size:24px; color:#fff; width:290px; height:50px; text-align:center; line-height:50px;}
.showp_txt .tit i{ display:block; width:100%; height:1px; background-color:#0071b7;}
.showp_txt .txtcon{ padding:2% 0;}




/* mapPage  */
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 10px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  float: left;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #dc3239;
  color: #fff;
}



.subsou{ min-height:600px;}
.subsou ul{ display:inline-block; width:100%;}
.subsou ul li{ height:60px; line-height:60px; border-bottom:#ccc solid 1px;}
.subsou ul li span{ float:left; display:block;}
.subsou ul li i{ display:block; float:right;}




.zlj_g{}
#logonform{ width:400px; padding-bottom:20px; margin-left:30%; margin-top:10%;box-shadow: 0px 4px 15px #ddd; margin-bottom:14%;}
#logonform  h4{ padding-top:20px; color:#c03230; font-weight:bold;}
#logonform .h2{ text-align:center; font-size:30px; line-height:30px; padding-top:30px;}
#logonform .loginform{ padding:10px 20px;}
#logonform .loginform .col1{ display:inline-block; border:#666 solid 1px; height:50px; width:360px; position:relative; margin-top:20px;}
#logonform .loginform .col1 .h4{ float:left; width:80px; text-align:center; line-height:50px; height:50px; border-right:#666 solid 1px; }
#logonform .loginform .col1 input{ display:block; width:265px; float:left; height:50px; padding-left:10px; border:none;}
#logonform .loginform .col1 .msg-box{ position:absolute !important; left:76px; top:0;}
#logonform .loginform .col2 .h4{ display:none;}
#logonform .loginform .col2 .btn{ width:100%; height:50px; background-color:#0e63ac; color:#fff; border:none; cursor:pointer; margin-top:20px;}
#logonform .loginform .cv{ display:inline-block; width:100%; padding-top:20px;}
#logonform .loginform .cv .a1{ float:left;}
#logonform .loginform .cv .a2{ float:right;}
#logonform .loginform .cv.df{ float:none;}

#findform{ width:400px; padding-bottom:20px; margin-left:30%; margin-top:10%;box-shadow: 0px 4px 15px #ddd; margin-bottom:14%;}
#findform .h2{ text-align:center; font-size:30px; line-height:30px; padding-top:30px;}
#findform .loginPage{ padding:10px 20px;}
#findform .loginPage .col1{ display:inline-block; border:#666 solid 1px; height:50px; width:360px; position:relative; margin-top:20px;}
#findform .loginPage .col1 .h4{ float:left; width:80px; text-align:center; line-height:50px; height:50px; border-right:#666 solid 1px; }
#findform .loginPage .col1 input{ display:block; width:265px; float:left; height:50px; padding-left:10px; border:none;}
#findform .loginPage .col1 .msg-box{ position:absolute !important; left:76px; top:0;}
#findform .loginPage .col2 .h4{ display:none;}
#findform .loginPage .col2 .btn{ width:100%; height:50px; background-color:#0e63ac; color:#fff; border:none; cursor:pointer; margin-top:20px;}
#findform .loginPage .cv{ display:inline-block; width:100%; padding-top:20px;}
#findform .loginPage .cv .a1{ float:left;}
#findform .loginPage .cv .a2{ float:right;}
#findform .loginPage .cv.df{ float:none;}



.sik_p{ display:inline-block; width:100%; padding-bottom:30px;}
.sik_p .stxt{ width:200px; padding-left:10px; height:40px; line-height:40px; border:#999 solid 1px; float:left;}
.sik_p .sbtn{ float:left; margin-left:4px; width:80px; height:42px; line-height:42px; border:none; background-color:#0071b7; color:#fff; cursor:pointer;}

.nybanner{ width:100%; height:250px;}
.te_4{ padding-top:60px;}
.te_4 .in_title2{ text-align:center;}
.te_4 .in_title2 h3{ font-size:30px; line-height:30px;}
.te_4_1{ width:90%; margin:0 auto; margin-top:50px;}
.te_n{ display:inline-block; width:100%;}
.te_4_1 h3{ font-size:24px; line-height:30px; padding-top:8%;}
.te_4_1 .video{ display:block; width:50%; float:left;}
.te_4_1 .te_w{ float:right; width:45%;}
.te_4_1 .te_w p{ font-size:16px; line-height:30px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical; margin-top:6%;}
.te_4_1 .te_w a{ display:block;}
.te_4_1 .te_w a{ display:block; width:140px; height:36px; background-color:#0071b7; border-radius:30px; font-size:14px; color:#fff; margin-top:8%; text-align:center; line-height:36px;transition: all ease 300ms;}
.te_4_1 .te_w a:hover{ width:150px; background-color:#0d679f;}

.te_5{padding-top:60px;}
.te_5 .in_title2{ text-align:center;}
.te_5 .in_title2 h3{ font-size:30px; line-height:30px;}

.te_5_1{ width:90%; margin:0 auto; margin-top:50px;}
.te_5_1 .list{ display:inline-block; width:105%;}
.te_5_1 .list .item{ float:left; width:22.2%; padding-right:2%; padding-bottom:3%;}
.te_5_1 .list .item .c{ display:block; width:100%; position:relative; overflow:hidden;border: #ddd solid 1px;}
.te_5_1 .list .item .c img{ display:block; width:100%;}
.te_5_1 .list .item:hover img{opacity:0.9;}
.te_5_1 .list .item p{ font-size:18px; color:#333; line-height:56px; height:56px; border-bottom:#aeb1b8 solid 1px; margin-top:2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.te_5_1 .list .item:hover p{ color:#dc3239;}
.te_5_1 .list .item .c .cp_bg { position: absolute; left: -100%; top: 0px; width:100%;height: 100%; text-align: center; transition: all ease-in-out 600ms;}
.te_5_1 .list .item:hover .cp_bg { background: url(../images/a7_03.png) repeat center center; transition: all ease 600ms; left: 0;}
.te_5_1 .list .item .c .cp_bg span { position:absolute; left:50%; top:50%; background-position: -336px -0px; width: 47px; height: 47px; margin-top: -23.5px; margin-left:-23.5px; }
.te_5_1 .a1{ display:block; margin:0 auto; width:180px; height:36px; background-color:#0071b7; border-radius:30px; font-size:14px; color:#fff; margin-top:2%; text-align:center; line-height:36px;transition: all ease 300ms;}
.te_5_1 .a1:hover{ width:190px; background-color:#0d679f;}
.te_fg{ padding-bottom:80px;}





.part_2{ min-height:760px;}
.ntpo img{ max-width:100%;}
@media screen and (max-width: 1920px) { 
	.cpz_2 .cp_list .list .item .c img{min-height:254px;}
}

@media screen and (max-width: 1600px) { 
	.header_main2 .wd{ left:10%;}
	.section_3 .screen-main{ width:474px;height: 600px;margin-top: -300px;}
	.pro_c { padding-top: 2%;}
	.pro_x h3{ font-size:22px;}
	.section_4 .screen-main{ height:600px; margin-top: -300px;}
	.section_4 .sec_4_1 ul li{ height:510px;}
	.section_5 .screen-main {  margin-top: -290px; height: 580px;}
	.section_5 .sec_5_1 .hd li a{ padding:0 20px;}
	.section_5 .sec_5_1 .hd li a i{ height:2px;}
	.section_5 .sec_5_1 .bd .nmb li p { padding: 10px; margin-right: 6%;}
	.section_2_1 .section_2_z .chan h3 a{ font-size:24px;}
	.section_2_1 .section_2_z .chan p a { font-size: 13px;line-height: 24px;}
	#nav li{ padding:0 16px;}
	.section_6 .top ul li{ padding-top:2%;}
	.section_6 .top ul li p { font-size:26px;}
	.sob_nav h3{ line-height:24px; font-size:24px; margin-top:19%;height: 40px;}
	.ny_sou { height: 90%; top: 10%;}
	.imgtxtcon { width: 38%;}
	.subCate{ width:100%;}
	.section_2_1 .section_2_z .chan h3{ display:inline-block; padding-top:6%;}
	.header .nav #mainCate-2 .subCate ul { padding-top: 60%;}
	.subCate ul { padding-top: 100%;}
	.section_2_1 .section_2_z .chan h4 a{ padding-top:1%;line-height: 40px;}
	.section_2_1 .section_2_z .chan{ padding:1% 2%;}
	.section_2_1 .section_2_z .chan h3 span { font-size: 40px; line-height: 40px;}
	.section_5 .sec_5_1 .bd{ margin-top:20px;}
	.section_5 .sec_5_1 .bd .nmb li{padding: 1.5% 0;}
	.section_4 .sec_4_1 {  margin-top: 24px;}
	.section_6 .top { padding-top: 6%;}
	.section_7 .top h3 { padding-top: 3%;}
	.section_7 .top .reg_ul { padding-top: 1%;}
	.nc a{ height:40px; line-height:40px; font-size:16px;}
}

@media screen and (max-width: 1500px) { 
	.header_main2 .wd{ left:10%;}
	.section_3 .screen-main{ width:474px;height: 600px;margin-top: -300px;}
	.pro_c { padding-top: 2%;}
	.pro_x h3{ font-size:22px;}
	.section_4 .screen-main{ height:600px; margin-top: -300px;}
	.section_4 .sec_4_1 ul li{ height:510px;}
	.section_5 .screen-main {  margin-top: -290px; height: 580px;}
	.section_5 .sec_5_1 .hd li a{ padding:0 20px;}
	.section_5 .sec_5_1 .hd li a i{ height:2px;}
	.section_5 .sec_5_1 .bd .nmb li p { padding: 10px; margin-right: 6%;}
	.section_2_1 .section_2_z .chan h3 a{ font-size:24px;}
	.section_2_1 .section_2_z .chan p a { font-size: 13px;line-height: 24px;}
	#nav li{ padding:0 16px;}
	.section_6 .top ul li{ padding-top:2%;}
	.section_6 .top ul li p { font-size:26px;}
	.sob_nav h3{ line-height:24px; font-size:24px; margin-top:19%;height: 40px;}
	.ny_sou { height: 90%; top: 10%;}
	.imgtxtcon { width: 38%;}
	.subCate{ width:100%;}
	.section_2_1 .section_2_z .chan h3{ display:inline-block; padding-top:6%;}
	.header .nav #mainCate-2 .subCate ul { padding-top: 60%;}
	.subCate ul { padding-top: 100%;}
	.section_2_1 .section_2_z .chan h4 a{ padding-top:1%;line-height: 40px;}
	.section_2_1 .section_2_z .chan{ padding:1% 2%;}
	.section_2_1 .section_2_z .chan h3 span { font-size: 40px; line-height: 40px;}
	.section_5 .sec_5_1 .bd{ margin-top:20px;}
	.section_5 .sec_5_1 .bd .nmb li{padding: 1.5% 0;}
	.section_4 .sec_4_1 {  margin-top: 24px;}
	.section_6 .top { padding-top: 6%;}
	.section_7 .top h3 { padding-top: 3%;}
	.section_7 .top .reg_ul { padding-top: 1%;}
	.nc a{ height:40px; line-height:40px; font-size:16px;}
}


@media screen and (max-width: 1366px) { 
	.section_4 .sec_4_1 ul li em{ padding-top:6%;}
}